<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车_香港莎莎官网 - 正品美妆海淘商城,化妆品护肤品海外购首选</title>
    <link rel='shortcut icon' href=images/favicon.ico  type='image/x-icon' />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/cart.css">
    <script src="lib/require.js" data-main="js/cart_main"></script>
</head>

<body style="background: #f2f2f2;">
    <header>
        <div class="top">
            <span class="unlogin">欢饮光临莎莎官网 <a href="login.html">登录</a> 或 <a href="register.html">免费注册</a></span>
            <span class="login">您好! <span class="u_name"> </span><b>0积分</b> <a href="#" class="quit">退出</a></span>
            <div class="us">关注我们<img src="images/wb.png" alt="" class="wb"><img src="images/wx.png" alt="" class="wx">
                <img src="images/wbqr.jpg" alt="" class="wbqr"><img src="images/wxqr.jpg" alt="" class="wxqr">
            </div>
            <ul>
                <li class="user">
                    <a href="">我的账户</a>
                    <ol>
                        <li><a href="">我的订单</a></li>
                        <li><a href="">我的积分</a></li>
                        <li><a href="">我的优惠券</a></li>
                        <li><a href="">我的收藏</a></li>
                        <li><a href="">我的评价</a></li>
                    </ol>
                </li>
                <li><a href="">我的购物车</a></li>
                <li><a href="">我的收藏</a></li>
                <li><a href="">我的站内信</a></li>
                <li><a href="">积分中心</a></li>
                <li><a href="">Global site</a></li>
            </ul>

        </div>
    </header>
    <div class="page-warp">
        <div class="page">
            <div class="cart-promise">
                <div class="imgbox">
                    <img src="images/cart-1.png" alt="">

                    <img src="images/cart-2.png" alt="">

                    <img src="images/cart-3.png" alt="">
                </div>
            </div>
            <div class="cart-step step01"></div>
            <div class="logo"><a href="index.html"><img src="images/logo.png" alt=""></a> </div>
        </div>
    </div>


    <div class="smallpage">
        <div class="emty-cart">
            <p>亲，您的购物车中没有商品。</p>
            <p>赶紧挑选心爱的商品吧！</p>
            <div class="search-warp">
                <div class="searchboxs">
                    <div class="searchs">
                        <input type="text" name="" id="" placeholder="别搜了,没做功能">
                    </div>
                    <button>搜索</button>
                </div>
                <ul>
                    <li><a href="">海藻面膜</a></li>
                    <li><a href="">兰蔻粉水</a></li>
                    <li><a href="">面霜</a></li>
                    <li><a href="">口红</a></li>
                    <li><a href="">科颜氏</a></li>
                    <li><a href="">VT</a></li>
                    <li><a href="">瑞士葆丽美</a></li>
                </ul>
            </div>
            <a href="index.html" class="backhome">返回首页</a>
        </div>
    </div>
    <div class="cart">
        <div class="cart-head">
            <div class="cart-tips">
                购物车商品结帐提示 1. 其实没得提示; 2.就是占个位置</div>
            <div class="cart-title">
                您的购物车中的商品
            </div>
        </div>
        <form >
            <table>
                <thead>
                    <tr>
                        <th id="allbox"><input type="checkbox" name="" id="all"><label for="all">全选/取消</label></th>
                        <th>商品名称</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>小计</th>
                        <th> </th>
                    </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
            <div class="settlement">
                <div class="box1"><a href="pro.html">继续购物</a><a href="javascript:;" class="removeall">清空购物车</a></div>
                <div class="box2">
                    <span class="snum">共<span>0</span>件商品</span >
                    <span class="sprice">商品应付金额 <strong>￥<span>0</span>.0</strong> </span>
                    <button>结账</button>
                </div>
            </div>
        </form>
    </div>
</body>

</html>